<template>
  <div>
    <div class="long-title"><span class="all-goods">全部分类</span></div>
    <div class="nav-cont">
      <ul>
        <li class="qc"
            v-for="(navLink, index) in navLinks">
          <a :href="navLink.url"
             style="display: inline;">{{navLink.title}}</a>
        </li>
      </ul>
      <!--<div class="nav-extra">
                <i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
                <i class="am-icon-angle-right"
                   style="padding-left: 10px;"></i>
              </div>-->
    </div>

    <!--侧边导航 -->

    <yy-categories v-if="showCategories"></yy-categories>

    <div class="clear"></div>
  </div>
</template>

<script>
import YYCategories from 'components/common/YYCategories'
export default {
  name: 'yy-shop-nav',
  props: {
    showCategories: {
      type: Boolean,
      default: true
    }
  },
  data () {
    return {
      navLinks: [
        { title: '首页', url: '#' },
        { title: '闪购', url: '#' },
        { title: '限时抢', url: '#' },
        { title: '团购', url: '#' },
        { title: '大包装', url: '#' }
      ]
    }
  },
  components: {
    'yy-categories': YYCategories
  }
}
</script>
